import React from "react";
import { Tabs, Form, Input, Button, Card, Avatar } from "antd";
import "./index.less";

const { TabPane } = Tabs;

const Pg3: React.FC = () => {
  return (
    <div className="pg3-container" data-oid="ka3uff4">
      <div className="pg3-process" data-oid="yihz7tn">
        <h3 data-oid="h46_fa9">审批进程</h3>
        <div className="pg3-process-item" data-oid="_ogccbv">
          <Avatar src="user-icon.png" data-oid="i5hl61p" />
          <span data-oid="kpv6459">发起审批</span>
        </div>
        <div className="pg3-process-item" data-oid="6:tnm_-">
          <Avatar src="user-icon.png" data-oid="novvm3t" />
          <span data-oid="syegm6s">项目负责人审批</span>
        </div>
      </div>
      <div className="pg3-content" data-oid="uhv25-r">
        <h1 data-oid="i-u81i6">项目需求内容变更</h1>

        <Tabs defaultActiveKey="1" data-oid="l942skh">
          <TabPane tab="变更信息" key="1" data-oid="tna6e29">
            <Card className="pg3-card" data-oid="uii.3h3">
              <h2 data-oid="y6kd.r5">特性信息</h2>
              <Form layout="vertical" data-oid="6w.omou">
                <div className="pg3-form-grid" data-oid="hjhu34x">
                  <Form.Item label="特性名称" data-oid="alrtzyn">
                    <Input defaultValue="东方国际" data-oid="ozl51tc" />
                  </Form.Item>
                  <Form.Item label="特性编号" data-oid="urdx14n">
                    <Input
                      defaultValue="IT990946-F8268695589"
                      data-oid="jqu9rk6"
                    />
                  </Form.Item>
                  <Form.Item label="所属专题" data-oid="5-:5hwu">
                    <Input defaultValue="专题特性送审测试" data-oid="pyda9uh" />
                  </Form.Item>
                  <Form.Item label="所属专题编号" data-oid="7ngca2n">
                    <Input defaultValue="IT990946-E153" data-oid="igy_04c" />
                  </Form.Item>
                  <Form.Item label="特性负责人" data-oid="9-6p-65">
                    <Input defaultValue="伍留/80293464" data-oid="zs1qh1u" />
                  </Form.Item>
                </div>
              </Form>
            </Card>

            <Card className="pg3-card" data-oid="03jjp00">
              <h2 data-oid="ea3s:dc">变更说明</h2>
              <Form layout="vertical" data-oid="py_kg5p">
                <Form.Item label="变更原因" data-oid="415dk65">
                  <Input defaultValue="其他" data-oid="dq7xekr" />
                </Form.Item>
                <Form.Item label="变更说明" data-oid="o9.ytgc">
                  <Input.TextArea
                    rows={4}
                    defaultValue="1212"
                    data-oid="656knbe"
                  />
                </Form.Item>
                <Form.Item label="变更文档" data-oid="rzliruk">
                  <div className="pg3-upload" data-oid="57j9gx3">
                    无
                  </div>
                </Form.Item>
              </Form>
            </Card>

            <div className="pg3-actions" data-oid="3_n9155">
              <Button data-oid="0snst9b">关闭</Button>
              <Button data-oid="0q:z:kt">保存</Button>
              <Button type="primary" danger data-oid="53kuk7t">
                拒绝
              </Button>
              <Button type="primary" data-oid="vm9mm29">
                同意
              </Button>
            </div>
          </TabPane>
          <TabPane tab="信息通知" key="2" data-oid="zvxb_gv">
            <div data-oid="8a:2:cv">信息通知内容</div>
          </TabPane>
        </Tabs>
      </div>
    </div>
  );
};

export default Pg3;
